<template>
	<GlobalBG title="系统设置" :showHeader="true" :showBack="true">
		<view class="container">
				<view class="box">
					<view class="info-item bline">
						<view class="text">接收系统通知</view>
						<view class="arrow">
							<switch  color="#04b192" style="transform:scale(0.7)"  />
						</view>
					</view>
					<view class="info-item bline">
						<view class="text">接收事件通知</view>
						<view class="arrow">
							<switch color="#04b192" style="transform:scale(0.7)" checked  />
						</view>
					</view>
					<view class="info-item bline">
						<view class="text">接收任务提醒</view>
						<view class="arrow">
							<switch color="#04b192" style="transform:scale(0.7)" checked />
						</view>
					</view>
				</view>
			
		</view>
	</GlobalBG>
</template>

<script setup lang="ts">
	import { ref } from "vue";
</script>

<style lang="scss" scoped>
	.container {
		width: 100%;
		height: 100%;
		padding-top: 20rpx;
		.box{
			padding: 0 60rpx;
			background-color: white;
		}
		.info-item {
			display: flex;
			align-items: center;
			background-color: white;
			padding: 15rpx 0rpx 15rpx 0rpx;
			&.bline {
				height: 134rpx;
				border-bottom: 2rpx solid #EDEDED;
			}


			.text {
				flex: 1;
				font-size: 31rpx;
				color: #333333;
				font-weight: 600;
			}
			.arrow{
				width:70rpx;
			}

		}
	}
</style>